<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7/dist/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/comm.css"/>
		<style type="text/css">
			.bjt{background-image: url(img/bj2.png);background-size:100%100%;}
			.day{background-image: url(img/day.png);background-repeat: no-repeat;background-position-x: 97%;padding-top: 5%;}
			
			@media only screen and (min-width:981px ) {
				.day{background-position-x: 68%;background-position-y: 1%;padding-top: 9%;}
			}
			@media only screen and (min-width:1550px ) {
				.day{background-position-y: 5%;}
			}
			.xiaoy{left: -85px;position: relative;}
			.heade {font-size: 23px;padding: 20px 5%;color: #fff;}
			.bjday{background-image: url(img/bjwl1.png);}
			@media screen and (max-width:769px) {
				.logo1{background-color: #fff;}
			}
		</style>
	</head>
	<body>
		<div class="container-fluid back bjt">
			<div class="row heade1 text-center">
				<div class="col-md-4 col-xs-2 col-lg-4 blogo" style="background-color: #0E152B;"><span class="logo1">LOGO</span></div>
				<div class="col-xs-10 text-right hidexs"><span id="caid"><img src="img/caid1.png"/></span></div>
				<div class="caid">
					<div class="col-md-2 col-xs-12 col-lg-2">
					<a class="logo1" style="color: #e98f26;" href="index.html">首页</a>
					</div>
					<div class="col-md-2 col-xs-12 col-lg-2">
						<a class="logo1" style="color: #fff;" href="case.html">案例</a>
					</div>
					<div class="col-md-2 col-xs-12 col-lg-2">
						<a class="logo1" style="color: #fff" ; href="about.html">关于</a>
					</div>
					<div class="col-md-2 col-xs-12 col-lg-2"><a class="logo1" style="color: #fff" ;href="">联系我们</a></div>
				</div>				
			</div><br /><br /><br />	
			
			<div class="row">
				<div class="col-md-11 col-xs-11 col-md-offset-1 col-xs-offset-1">
					<h1 class="fontda" style="color: #e98f26;">榴芒高端定制服务</h1>
				</div><br />
				<div class="col-md-6 col-xs-6 col-md-offset-1 col-xs-offset-1">				
					<p class="codadada fontsize18">榴芒信息科技有限公司专注应用软件定制与研发,拥有超过5个主流开发平台,致力于为广大用户定制开发APP/
						网站的制作团队,服务超过十家企业,通过专业的流程与丰富的经验,满足用户的个性需求,为用户定制开发满意且价值高的产品</p>
				</div>
				<div class="col-md-5 col-xs-5"></div>
				<div class="col-md-11 col-xs-11 col-md-offset-1 col-xs-offset-1"style="padding: 3% 0 4% 0;">
					<a href="jQueryCss3-3D20160907/service1.html"><img src="img/fw.png"/></a>
				</div>
			</div>			
		</div>
		<div class="container-fluid bjday" style="background-color: #06152d;">
			<div class="row day">
				<div class="col-md-2 col-xs-2 text-center"><img src="img/zoux.png"/></div>
				<div class="col-md-3 col-xs-9">
					<h1 class="zhyw">主营业务</h1>
					<div class="nimg"><img class="wid" src="img/yd.png"/></div>					
				</div>
				<div class="col-md-4 col-xs-10 paddg">
					<div class="nimg "><img class="wid" src="img/首页.png"/></div><br />
					<div class="nimg"><img class="wid" src="img/web.png"/></div>
				</div>
				<div class="col-md-2 "></div>
				<div class="col-md-10 col-xs-10 col-md-offset-2 col-xs-offset-2">
					<h1 class="qbuan">全部案例</h1>
				</div>
				<div class="col-md-2 col-xs-2 text-center"><img src="img/sol.png"/></div>
				<div class="col-md-10 col-xs-10">
					<h1 class="gaunyu"><span class="guansp">关于榴芒</span> <img class="xiaoy" src="img/xiaoy.png" alt="" /></h1>
				</div>
			</div>
			<div class="row" style="color: #fff">
				<div class="col-md-3 col-xs-8 col-md-offset-2 col-xs-offset-2 text-center kong" >
					<div class="dasoli" style="background-color: #2445a6;">
						<div class="fo-sol">
							<p class=" size25">Company profile</p>
							<h1 class="fontda">公司简介</h1>
						</div>
						<br /><br /><br /><br />
						<p class="phb"><button class="btn2">了解更多</button></p>
					</div>
					
					
				</div>
				<div class="col-md-3  col-xs-8 col-md-offset-0 col-xs-offset-2 text-center kong">
					<div class="dasoli">
						<div class="fo-sol">
							<p class="cc7922 size25">Our advantages</p>
							<h1 class="colo fontda">我们的优势</h1>
						</div>
					<br /><br /><br /><br />
					<p class="phb"><button class="btn1">了解更多</button></p>
					</div>
					
				</div>
				<div class="col-md-3 col-xs-8 col-md-offset-0 col-xs-offset-2 text-center kong">
					<div class="dasoli">
						<div class="fo-sol">
							<p class="cc7922 size25">Recruit</p>
							<h1 class="colo fontda">招贤纳士</h1>
						</div>
						<br /><br /><br /><br />
						<p class="phb"><button class="btn1">了解更多</button></p>
					</div>
				</div>
				<!--<div class="col-md-2 col-xs-2"></div>-->
			</div>
		</div>
		<div class="container-fluid" style="background-color: #000e24;">
			<div class="row" style="padding-top: 5%;">
				<div class="col-md-1 col-xs-1"></div>
				<div class="col-md-2 col-xs-2"><span class="log">LOGO</span></div>
				<div class="col-md-2 col-xs-2 yss">
					<h3>商务合作</h3>
					<p>渠道政策</p>
					<p>产品代理</p>
				</div>
				<div class="col-md-4 col-xs-4 yss">
					<h3>联系我们</h3>
					<p>客服热线： 400-5236854 （9:00-18:00）</p>
					<p>客服QQ：937002354 &nbsp;&nbsp;&nbsp;&nbsp;<a style="padding-left: 30px;color: #c77225;" href="#">在线咨询</a></p>
					<p>邮箱：937002556@qq.com</p>
				</div>
				<div class="col-md-2 col-xs-2">
					<div class="sys"><img src="img/sys.png"/></div>
					<p class="cma">扫码添加咨询</p>
				</div>
				<div class="col-md-1 col-xs-1"></div>
				<div class="col-md-12 col-xs-12 text-center yss"style="padding: 20px 0 15px 0;">
					版权所有 @榴芒信息科技有限公司2012-2015 粤ICP备12059734号-3
				</div>
			</div>
		</div>
		
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="bootstrap-3.3.7/dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$('#caid').click(function(){
				$(".caid").toggle();
			})
		</script>
	</body>
</html>
